<html>

<head>
    <title>Ratar Family Tree</title>
	
    <link rel="stylesheet" type="text/css" href="css/layout.css" />
    <link rel="stylesheet" type="text/css" href="css/pohon.css" />
</head>

<body>
    <div id="head">
        <h1>Pohon Keluarga Ratar</h1>
    </div>

    <div id="body">
        <div id="menu">
        
        </div>
        
        <div id="content">
            <ul>
              <li>
                <div><span>parent1a</span> x <span>parent1b</span> <button>></button></div>
                <ul>
                  <li>
                    <div><span>parent11a</span> x <span>parent11b</span></div>
                  </li>
                  <li>
                    <div><span>parent12a</span> x <span>parent12b</span></div>
                  </li>
                  <li>
                    <div><span>parent13a</span> x <button>istri</button></div>
                  </li>
                  <li>
                    <div>
                        <button>Tambah anak</button>
                     </div>
                  </li>
                </ul>
              </li>
              <li>
                <div><span>parent1a</span> x <span>parent1b</span></div>
                <ul>
                  <li>
                    <div><span>parent11a</span> x <span>parent11b</span></div>
                  </li>
                  <li>
                    <div><span>parent12a</span> x <span>parent12b</span></div>
                  </li>
                  <li>
                    <div><span>parent13a</span> x <span>parent13b</span></div>
                  </li>
                  <li>
                    <div>
                        <button>Tambah anak</button>
                     </div>
                  </li>
                </ul>
              </li>
            </ul>
        </div>

        <div id="log">

        </div>
    </div>
    <div id="footer">

    </div>
</body>

</html>
